<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<style>
<!--
.box > .heading {
height: 38px;
line-height:38px;
padding-left: 7px;
padding-right: 7px;
border: 1px solid #DBDBDB;
background: url('catalog/view/theme/mobile/image/box.png') repeat-x;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
}

.box > .content {
padding: 10px;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
min-height: 200px;
overflow: auto;
}


.box #content .box .content{
	 background:-webkit-gradient(linear, 0 0, 0 100%, from(#FCFDFD), to(#9797A2));
	 background:-moz-linear-gradient(top, #FCFDFD,#9797A2);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FCFDFD,endColorstr=#9797A2,grandientType=1);
}


#order_list table tr td{
	margin-top:5px;
	height:30px;

}

.page{
	padding-top:30px;
	width:80%;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:20px;
}

.page div.page_button{
	display:block;
	width:100px;
	height:30px;
	line-height:30px;
	text-align:center;
	border:1px solid #ddd;
	background: url('catalog/view/theme/mobile/image/box.png') repeat-x;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
}

.page_button a {
	display:block;
	line-height:30px;
	text-decoration: none;
	color:#ffffff;
}

.page_next{
	margin-right:20px;
}

table.form tr td:first-child {
	width: 80px;
}

table.form tr td input ,table.form tr td select{
	border:1px solid #4f5aa4;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}


table.form tr td{
	color: #4f5aa4;
	font-size:14px;
}
.advice_info>.advice_head {
	background: url('catalog/view/theme/mobile/image/box_gray.png') repeat-x !important;
}

.advice_info>.advice_head h2 {
	color:#333333 !important;
}


.advice_info>.advice_head {
	border: 1px solid #DDD !important;
}
-->
</style>
<div class="box" >
	<div id="content">
	<?php echo $content_top; ?>
		<div >
				<div class="advice_info">
				<div class="advice_head"><h2>预约查询</h2></div>
								    	<div class="logo">
				<img src="catalog/view/theme/mobile/image/xj/yijing/fengcai_header.jpg" width="100%" />
			</div>
				    <div class="advice_content">
				    <div class="page">  
	  			<div class="page_button page_pre right">
	  				<a  onclick="$('#queryForm').submit();">查询</a>
	  			</div>
	  			<div class="page_button page_next right">
	  				<a href="<?php echo $before;?>">返回</a>
	  			</div>
	  	</div>
				    
				<form action="<?php echo $search;?>" method="post"
					enctype="multipart/form-data" id="queryForm">
				<div class="right">
			      </div>
					<table class="form" style="width:100%">
						<tr>
							<td  style="width:20px;">身份证号：<span style="color:red">*</span></td>
							<td><input type="text" name="card_no" value="<?php echo $card_no;?>"/></td>
						</tr>
						
						<tr>
							<td>类型</td>
							<td><select name="bussness_type_id" style="width:180px;height:40px;">
								<option value="">请选择....</option>
								<?php foreach ($bussnesss as $bussness) { ?>
									<option value="<?php echo $bussness['bussness_type_id']?>" <?php if($bussness_type_id==$bussness['bussness_type_id']){?> selected="selected" <?php }?>><?php echo $bussness['type_name'];?></option>
								<?php }?>
							</select></td>
						</tr>
					</table>
				</form>
				<form id="order_list">
					<?php if($orderInfos){?> 
						<table class="list">
							<thead>
								<tr><th>预约人</th><th>预约类型</th><th>操作</th></tr>
							</thead>
							<?php foreach ($orderInfos as $orderInfo) { ?>
								<tr>
									<td><?php echo $orderInfo['card_no'];?></td>
									<td><?php echo $orderInfo['type_name'];?></td>
									<td><a href="<?php echo  $orderInfo['href'];?>" class="button">查看</a></td>
								</tr>
							<?php }?>
						</table>
					<?php }else{?>
						<div style="text-align: center;color:red;">
							<img src="catalog/view/theme/mobile/image/xj/yuyue/no_list.png" width="100%"/>
						</div>
					<?php }?>
				</form>
				</div>
				</div>
			
		</div>

	</div>
	<?php echo $content_bottom; ?>
</div>

<?php echo $footer;?>

